Element ui 修改表单绑定props值

1. 业务需求 : 父组件发送ajax,获取管理员用户信息. 子组件通过props的editData值绑定到表单上,并显示.

2. 实现: 子组件表单需要显示管理员所管辖公司, 使用element ui的select选择器组件,select组件有multiple属性,表示下拉菜单多选.

   

3. 问题 : 由于管辖公司的值是通过props从父组件获取(父组件通过v-bind传值给子组件),子组件管辖公司所v-model的值是直接与父组件的值关联的,子组件并不能直接改变父组件的值.

4. 解决思路 : 子组件表单(修改用户) 依旧通过props的editData获取父组件的值,在子组件created/watch的时候,在data中声明变量tempTreeObj. 将editData的treeCodesObj赋值给在data中声明变量tempTreeObj.
   这样就可以修改子组件将editData的treeCodesObj赋值给在data中声明变量tempTreeObj值.